<template>
  <div>
    <TypeNav></TypeNav>
    <ListContainer></ListContainer>
    <Recommend></Recommend>
    <Rank></Rank>
    <Like></Like>
    <Floor v-for="(floor, index) in floors" :key="floor.id" :classPrefix="index" :floor="floor"></Floor>
    <Brand></Brand>
  </div>
</template>

<script>
import {reqGetFloorsList} from '@/apis'
import ListContainer from './ListContainer'
import Recommend from './Recommend'
import Rank from './Rank'
import Like from './Like'
import Floor from './Floor'
import Brand from './Brand'

  export default {
    name: 'Main',
    components: {
      ListContainer,
      Recommend,
      Rank,Like,
      Floor,Brand
    },
    data(){
      return {
        floors: [],
      }
    },
    methods: {
    },
    async mounted(){
      // 请求 floors 的数据
      const res = await reqGetFloorsList()
      this.floors = res.data

    }
  }
</script>

<style lang="less" scoped>

</style>